﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>测试</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/common/JxcpcsPage/vendor/bootstrap/css/bootstrap.min.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/common/JxcpcsPage/css/style.default.css" id="theme-stylesheet">
    <link rel="stylesheet" href="/common/JxcpcsPage/jquery-labelauty.css">
    <style>
        input {
            font: 12px "Microsoft Yahei";
        }
    </style>

</head>
<body>
<div style="float: right;margin: 10px;">
    <img src="/Elite/yyxx/image/logo.jpg" style="height: 50px;margin-right: 50px;">
</div>
<br />
<div style="margin-top: 80px;margin-left: 50px;margin-right: 50px;">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5>下方是精英英语及其兄弟品牌，请勾选您想要咨询了解的产品吧！</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <c:forEach var="item" items="${jxcpkcjsList}">
                        <div class="col-md-12 col-lg-12 col-xl-4" style="text-align: center;" >
                            <input type="checkbox" name="kc" value="${item.id}" style="width:30px;height:30px;position:absolute; left:0; top:0;">
                            <img src="http://crm.imelite.com.cn:8001/${item.kclogo}" style="height: 200px;" data-toggle="modal" data-target="#myModal${item.id}">
                            <h5>${item.sname}</h5>
                            <span>${item.memo}</span>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>
    </div>

    <div class="row" style="text-align:center;margin-bottom: 10px;">
        <div class="col-lg-12">
        <button id="submit_xq" type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary">提交您的兴趣课程</button>
        </div>
    </div>



    <c:forEach var="item" items="${jxcpkcjsList}">
        <div id="myModal${item.id}" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel${item.id}" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title mt-0" id="myLargeModalLabel${item.id}">${item.sname}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    </div>
                    <div class="modal-body">
                        <p>${item.memo2}</p>
                            <c:if test="${item.tp!=null}">
                                <img src="http://crm.imelite.com.cn:8001/${item.tp}" style="width: 100%;" >
                            </c:if>
                            <c:if test="${item.spid!=null}">
                            <script src="https://p.bokecc.com/player?vid=${item.spid}&siteid=746EC7422CC5AE7D&autoStart=false&width=100%&height=450&playerid=A4DBD3B29BB52B6D&playertype=1" type="text/javascript"></script>
                            </c:if>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>
    </c:forEach>
</div>






<%--<div class="col-md-12 col-lg-12 col-xl-12">--%>
        <%--<div class="card m-b-30">--%>
            <%--<div class="card-body">--%>
                <%--<h4 class="mt-0 header-title">我们的课程介绍</h4>--%>
                <%--<div class="row">--%>
                    <%--<div class="col-3">--%>
                        <%--<div class="nav flex-column nav-pills text-center" id="v-pills-tab" role="tablist" aria-orientation="vertical">--%>
                            <%--<c:forEach var="item" items="${jxcpkcjsList}" varStatus="status">--%>
                                <%--<a class="nav-link waves-effect waves-light <c:if test="${status.first}"> active show </c:if> "--%>
                                   <%--id="v-${item.id}-profile-tab" data-toggle="pill" href="#v-${item.id}-profile" role="tab" aria-controls="v-${item.id}-profile" aria-selected="false">${item.sname}</a>--%>
                            <%--</c:forEach>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                    <%--<div class="col-9">--%>
                        <%--<div class="tab-content" id="v-pills-tabContent">--%>
                            <%--<c:forEach var="item" items="${jxcpkcjsList}" varStatus="status">--%>
                                <%--<div class="tab-pane fade <c:if test="${status.first}"> active show </c:if>" id="v-${item.id}-profile" role="tabpanel" aria-labelledby="v-${item.id}-profile-tab">--%>
                                    <%--<div class="col-md-12">--%>
                                        <%--<div class="card">--%>
                                            <%--<div class="card-header d-flex align-items-center">--%>
                                                <%--<img src="http://crm.imelite.com.cn:8001/${item.kclogo}" height="70" >--%>
                                                    <%--${item.memo}--%>
                                            <%--</div>--%>
                                            <%--<div class="card-body">--%>
                                                <%--<c:if test="${item.tp!=null}">--%>
                                                    <%--<img src="http://crm.imelite.com.cn:8001/${item.tp}" style="width: 100%;" >--%>
                                                <%--</c:if>--%>
                                                <%--<c:if test="${item.spid!=null}">--%>
                                                    <%--<script src="https://p.bokecc.com/player?vid=${item.spid}&siteid=746EC7422CC5AE7D&autoStart=false&width=100%&height=450&playerid=A4DBD3B29BB52B6D&playertype=1" type="text/javascript"></script>--%>
                                                <%--</c:if>--%>

                                            <%--</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</c:forEach>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--&lt;%&ndash;<h1>&ndash;%&gt;--%>
        <%--&lt;%&ndash;感谢您的耐心回答，您的学习行为倾向报告正在生成中。接下来，请您观看精英英语学习理念视频，时长4分钟。&ndash;%&gt;--%>
        <%--&lt;%&ndash;</h1>&ndash;%&gt;--%>
    <%--&lt;%&ndash;<div style="text-align: center;">&ndash;%&gt;--%>
        <%--&lt;%&ndash;<script src="https://p.bokecc.com/player?vid=97938E3F52D2C9229C33DC5901307461&siteid=746EC7422CC5AE7D&autoStart=false&width=100%&height=450&playerid=A4DBD3B29BB52B6D&playertype=1" type="text/javascript"></script>&ndash;%&gt;--%>
    <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
    <%--&lt;%&ndash;<h1>&ndash;%&gt;--%>
        <%--&lt;%&ndash;观看结束后，请您将iPad归还，精英英语资深学习顾问${yyxx.idownersname}老师将会为您安排英语能力测评、报告解读与方案建议。&ndash;%&gt;--%>
    <%--&lt;%&ndash;</h1>&ndash;%&gt;--%>

    <%--<div class="row" style="text-align:center;margin-top: 5px;">--%>
        <%--<div class="col-lg-12">--%>
            <%--<button id="btlogin" type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary">返 回</button>--%>
        <%--</div>--%>
    <%--</div>--%>
<%--</div>--%>
</div>

<form id="f2" action="/com/imelite/qyh/EliteView_YyxxAction/yyxxByTelPage.do" method="post">
    <input id="iddep" type="hidden" name="iddep" value="${iddep}">
</form>

<!-- JavaScript files-->
<script src="/common/JxcpcsPage/vendor/jquery/jquery.min.js"></script>
<script src="/common/JxcpcsPage/vendor/popper.js/umd/popper.min.js"> </script>
<script src="/common/JxcpcsPage/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Main File-->
<script src="/common/JxcpcsPage/jquery-labelauty.js"></script>
<script>
    $('#btlogin').click(function(){
        $('#f2').submit();
    });
</script>

<script>
    $('#submit_xq').click(function(){
        var chk_value =[];//定义一个数组
        $('input[name="kc"]:checked').each(function(){
            chk_value.push($(this).val());
        });
        var yycpbgid="${yycpbg.id}";
        $.ajax({
            type: "POST",
            data:{
                id:yycpbgid,
                xqkc:chk_value.join('-')
            },
            url: "/com/imelite/qyh/YycpbgAction/update.do",
            success: function(result) {
                if ( result.code == 200 ) {
                    $('#f2').submit();
                } else {
                    alert(result.msg);
                }
            },
            error:function(data){
                alert("系统异常！");
            }
        });
    });
</script>
</body>
</html>
